<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>珍爱网</title>
    <style type="text/css">
        .box{
            background-color: #a98ee2;
            font-size: 30px;
            width: 100%;
            height: 200px;
        }

        .box b{
            background-repeat: no-repeat;
        }
        .box image{
            background-repeat: no-repeat;
        }
        .top {
            width: 100%;
            height: 50px;
            border: 1px solid lavender;
            background-color: #f4eafa;
           /* float: right;*/
        }
        ul li{
            display: inline-block;/*让列表在同一行显示*/
        }
        .main{
            border: 1px solid lavender;
        }
        .mai ul li{
            background-color: #dee2ff;
            border-radius:42px;
        }
        .ma ul li{
            border: 1px solid lavender;
            background-color: #ecd3ff;
            border-radius:42px;
        }
        m{
            width: 400px;
            margin: 500px auto;
            border-collapse: collapse
        }

        mm{
            background-color: #dee2ff;
            border-radius:42px;
        }
.wei{
    border: 1px solid lavender;

}

    </style>
</head>
<body>
    <div class="box">
       <div class="b">
           <img src="b.png" alt="">
       </div>

        <div class="image">
            <img src="1.jpg"style="position:relative;top:20px;" alt="">
        </div>

    </div>

    <div class="top">
        <ul>
            <li>打招呼</li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <li>发消息</li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <li>红娘牵线</li>
        </ul>
    </div>

    <div class="main">
        <div class="mai">
        <p style="font-size: 15px;font-weight: 800">内心独白</p>
        <p style="font-size: 13px">阳光明媚，岁月静好，你还未来，我怎敢老。我在这里等候你的出现。</p>
        <p style="font-size: 15px;font-weight: 800">个人资料</p>
        <ul style="font-size: 13px">
            <li>未婚</li>&nbsp;&nbsp;
            <li>28岁</li>&nbsp;&nbsp;
            <li>狮子座(07.23-08.22)</li>&nbsp;&nbsp;
            <li>165cm</li>&nbsp;&nbsp;
            <li>45kg</li>&nbsp;&nbsp;
            <li>工作地:宁波宁海县</li>&nbsp;&nbsp;
            <li>月收入:3-5千</li>&nbsp;&nbsp;
            <li>大学本科</li>
        </ul>
            <div class="ma">
                <ul style="font-size: 13px">
            <li>汉族</li>&nbsp;&nbsp;
            <li>籍贯:浙江宁波</li>&nbsp;&nbsp;
            <li>体型:苗条</li>&nbsp;&nbsp;
            <li>不吸烟</li>&nbsp;&nbsp;
            <li>不喝酒</li>&nbsp;&nbsp;
            <li>和家人同住</li>&nbsp;&nbsp;
            <li>未买车</li>&nbsp;&nbsp;
            <li>没有小孩</li>&nbsp;&nbsp;
            <li>是否想要孩子:想要孩子</li>&nbsp;&nbsp;
            <li>何时结婚:三年内</li>

        </ul>
    </div>
            <div class="m">
            <p style="font-size: 15px;font-weight: 800">兴趣爱好</p>
            <table>
                <tr>
                <td>喜欢的一道菜：未填写</td>
                    <td> </td>
                <td>欣赏的一个名人：未填写</td>
            </tr>
            <tr>
                <td >喜欢的一首歌：未填写</td>

                <td>喜欢的一本书：未填写</td>
            </tr>

            <tr>
                <td >喜欢做的事：未填写</td>

            </tr></table>
            </div>

<div class="mm">
            <p style="font-size: 15px;font-weight: 800">择偶条件</p>
    <ul style="font-size: 13px">
        <li>23-40岁</li>
        <li>工作地:浙江</li>
        <li>月薪:5千以上</li>
        <li>未婚</li>
    </ul>
</div>
    </div>
    </div>
<div class="wei">
    <p style="font-size: 13px">当前位置：珍爱首页>宁波征婚>宁波女士征婚</p>
<ul style="font-size: 13px">
    <li>周边征婚：杭州征婚</li>
    <li>温州征婚</li>
    <li>绍兴征婚</li>
    <li>湖州征婚</li>
    <li>嘉兴征婚</li>
    <li>金华征婚</li>
    <li>丽水征婚</li>
    <li>衢州征婚</li>
    <li>台州征婚</li>
    <li>舟山征婚</li>


</ul>

</div>
</body>
</html>